// 热门推荐产品切换

$('.tabs').mouseenter(function () {
    $(this).addClass('on').siblings().removeClass('on')

    $('.item').eq($(this).index()).addClass('item-show').siblings().removeClass('item-show')
})


// 厨房电器
$('.flex-son').mouseenter(function () {
    $(this).addClass('active').siblings().removeClass('active')

    $('.itema').eq($(this).index()).addClass('items').siblings().removeClass('items')
})

// 大家电
$('.flex-son1').mouseenter(function () {
    $(this).addClass('active1').siblings().removeClass('active1')

    $('.itema1').eq($(this).index()).addClass('items1').siblings().removeClass('items1')
})

// 个护健康
$('.flex-son2').mouseenter(function () {
    $(this).addClass('active2').siblings().removeClass('active2')

    $('.itema2').eq($(this).index()).addClass('items2').siblings().removeClass('items2')
})

// 五金家装
$('.flex-son3').mouseenter(function () {
    $(this).addClass('active3').siblings().removeClass('active3')

    $('.itema3').eq($(this).index()).addClass('items3').siblings().removeClass('items3')
})

// 生活电器
$('.flex-son4').mouseenter(function () {
    $(this).addClass('active4').siblings().removeClass('active4')

    $('.itema4').eq($(this).index()).addClass('items4').siblings().removeClass('items4')
})



// 随手购滚动图片
$(function () {

    $(".jsui2").mouseenter(function () {
        $(".jsui2 .next").add($(".jsui2 .prev")).fadeIn(500)
    })
    $(".jsui2").mouseleave(function () {
        $(".jsui2 .next").add($(".jsui2 .prev")).fadeOut(500)
    })

    var index = 0;
    $(".jsui2 .next").click(function () {
        index++
        if (index > $(".jsui1 .jsui1-2 ul li").length - 1) {
            index = 0
        }
        $(".jsui2 ul").animate({
            left: "-1200px"
        }, 500, function () {
            $(".jsui2 ul").find("li").slice(0, 6).appendTo($(".jsui2 ul"))
            $(".jsui2 ul").css({
                left: "0px"
            })
        })
        $(".jsui1 .jsui1-2 ul li").eq(index).addClass("active").siblings("li").removeClass("active")
    })


    $(".jsui2 .prev").click(function () {
        index--
        if (index < 0) {
            index = $(".jsui1 .jsui1-2 ul li").length - 1
        }

        $(".jsui2 ul").find("li").slice(-6).prependTo($(".jsui2 ul"))
        $(".jsui2 ul").css({
            left: "-1200px"
        })

        $(".jsui2 ul").animate({
            left: "0px"
        }, 500)
        $(".jsui1 .jsui1-2 ul li").eq(index).addClass("active").siblings("li").removeClass("active")
    })
})


// 楼层导航
$(window).scroll(function () {
    var scrollTop = $(window).scrollTop()
    // 滚动一定距离显示侧边栏
    if (scrollTop > 300) {
        $(".jlou").css({
            display: "block"
        })
    } else if (scrollTop <= 350) {
        $(".jlou").css({
            display: "none"
        })
    }

    // 获取窗口的高度
    var winH = $(window).height()
    // 遍历各个楼层
    $(".floor").each(function (index) {
        // $(this) 滚动到那个楼层就是的时那个楼层
        if (winH + scrollTop - $(this).offset().top > (2 * winH / 2)) {
            $(".jlou .jlou1").eq($(this).index() - 2).addClass("active").siblings().removeClass("active")
        }
        // console.log($(this).index())
    })

})

// 点击侧边栏跳转到对应的位置
$(".jlou .jlou1").click(function (index) {
    var oH = $(".floor").eq($(this).index()).offset().top
    $("html").animate({
        "scrollTop": oH
    }, 500)
})

// 点击回顶部
$(".jlou .jlou2").click(function () {
    $("html").animate({
        "scrollTop": 0
    }, 500)
})